<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>gallery</title>
	<link rel="stylesheet" href="./public/css/gallery.css">
	<link rel="stylesheet" href="./public/css/common.css">
	<link rel="stylesheet" href="./public/css/aos.css">
	<link rel="stylesheet" href="./public/css/viewer.min.css">
</head>

<body>
	<div id="header"></div>
	<div id="right"></div>
	<div class="gallery-container">
		<!-- PC端标题 -->
		<div class="til-pc">
			<h2>ENTERPRISE</h2>
			<div class="line"></div>
		</div>

		<!-- 移动端标题 -->
		<div class="til-m">
			<span>ENTERPRISE</span>
		</div>

		<!-- 图片列表 -->
		<div id="viewer" class="list-container">
			<div data-aos="fade-left" class="list">
				<div class="image-container">
					<img class="image" src="https://img.tongmen.cdn.dgyunju.cn/IMG_1274-1685434566-1686367326.jpg"
						alt="Environment">
				</div>
				<p class="title">Environment</p>
			</div>


			<div data-aos="fade-left" class="list">
				<div class="image-container">
					<img class="image" src="https://img.tongmen.cdn.dgyunju.cn/IMG_1274-1685434566-1686367326.jpg"
						alt="Environment">
				</div>
				<p class="title">Environment</p>
			</div>


			<div data-aos="fade-left" class="list">
				<div class="image-container">
					<img class="image" src="https://img.tongmen.cdn.dgyunju.cn/IMG_1274-1685434566-1686367326.jpg"
						alt="Environment">
				</div>
				<p class="title">Environment</p>
			</div>


			<div data-aos="fade-left" class="list">
				<div class="image-container">
					<img class="image" src="https://img.tongmen.cdn.dgyunju.cn/IMG_1274-1685434566-1686367326.jpg"
						alt="Environment">
				</div>
				<p class="title">Environment</p>
			</div>


			<div data-aos="fade-left" class="list">
				<div class="image-container">
					<img class="image" src="https://img.tongmen.cdn.dgyunju.cn/IMG_1274-1685434566-1686367326.jpg"
						alt="Environment">
				</div>
				<p class="title">Environment</p>
			</div>


			<div data-aos="fade-left" class="list">
				<div class="image-container">
					<img class="image" src="https://img.tongmen.cdn.dgyunju.cn/IMG_1274-1685434566-1686367326.jpg"
						alt="Environment">
				</div>
				<p class="title">Environment</p>
			</div>


			<div data-aos="fade-left" class="list">
				<div class="image-container">
					<img class="image" src="https://img.tongmen.cdn.dgyunju.cn/IMG_1274-1685434566-1686367326.jpg"
						alt="Environment">
				</div>
				<p class="title">Environment</p>
			</div>


			<div data-aos="fade-left" class="list">
				<div class="image-container">
					<img class="image" src="https://img.tongmen.cdn.dgyunju.cn/IMG_1274-1685434566-1686367326.jpg"
						alt="Environment">
				</div>
				<p class="title">Environment</p>
			</div>
		</div>

		<!-- 分页 -->
		<div id="pagination" class="l-page"></div>
	</div>
	<div id="footer"></div>
	<script src="./public/js/jquery.min.js"></script>
	<script src="./public/js/viewer.min.js"></script>
	<script src="./public/js/aos.js"></script>
	<script src="./public/js/pagination.min.js"></script>
	<script src="./public/js/common.js"></script>
	<script src="./public/js/gallery.js"></script>
</body>

</html>